<template>
  <div>
    <div class="resource-manage">
      <div class="card-box">
        <div class="card-title">其他物业信息</div>
        <el-form class="form-wrap" label-position="top" size="small">
          <el-form-item label="其它物业名称">
            <el-col class="in_txt">{{propForm.otherProperty.otherName}}</el-col>
          </el-form-item>
          <el-form-item label="其它物业名称">
            <el-col class="in_txt">{{propForm.otherProperty.propertyName}}</el-col>
          </el-form-item>
          <el-form-item label="建筑面积(m²)">
            <el-col class="in_txt">{{propForm.otherProperty.buildArea}}</el-col>
          </el-form-item>
          <el-form-item label="管理所">
            <el-col class="in_txt">{{getCardTypeValue(propForm.otherProperty.manageUnit,manageUnits)}}</el-col>
          </el-form-item>

          <!-- <el-form-item label="街道" >
                    <el-col class="in_txt">{{street_ch}}</el-col>
                </el-form-item>
                <el-form-item label="社区" >
                    <el-col class="in_txt">{{communityName_ch}}</el-col>
          </el-form-item>-->
          <el-form-item label="物业地址" prop="investmentIntensity" class="full">
            <el-col
              class="in_txt"
            >{{getCardTypeValue(propForm.otherProperty.cityCode,cityAssembly)}}{{getCardTypeValue(propForm.otherProperty.countyCode,districtCollection)}}{{getCardTypeValue(propForm.otherProperty.projectStreet,streets)}}{{getCardTypeValue(propForm.otherProperty.communityName,communityNames)}}{{propForm.otherProperty.addressInfo}}</el-col>
            <!--<el-row :gutter="10">
                        <el-col :span="4" class="in_txt">{{getCardTypeValue(propForm.propertyBasicInfo.cityCode,cityAssembly)}}</el-col>
                        <el-col :span="5" class="in_txt">{{getCardTypeValue(propForm.propertyBasicInfo.countyCode,districtCollection)}}</el-col>
                        <el-col :span="5" class="in_txt">{{getCardTypeValue(propForm.propertyBasicInfo.projectStreet,streets)}}</el-col>
                        <el-col :span="5" class="in_txt">{{getCardTypeValue(propForm.propertyBasicInfo.communityName,communityNames)}}</el-col>
                        <el-col :span="5" class="in_txt">{{propForm.propertyBasicInfo.addressInfo}}</el-col>
            </el-row>-->
          </el-form-item>
          <el-form-item label="地图坐标">
            <el-col>
              <el-link type="primary">{{propForm.otherProperty.mapCoordinates}}</el-link>
            </el-col>
          </el-form-item>
          <el-form-item label="地图围栏">
            <el-col>
              <el-link type="primary">{{propForm.otherProperty.fenceCoordinates}}</el-link>
            </el-col>
          </el-form-item>

          <el-form-item label="VR地址">
            <el-col class="in_txt">{{propForm.otherProperty.vrUrl}}</el-col>
          </el-form-item>

          <el-form-item label="录入人">
            <el-col class="in_txt">{{propForm.otherProperty.gatherPeople}}</el-col>
          </el-form-item>
          <el-form-item label="录入部门">
            <el-col class="in_txt">{{getCardTypeValue(propForm.otherProperty.deptName,deptNames)}}</el-col>
          </el-form-item>

          <!--<el-form-item label="地址" class="full">
                    <el-col class="in_txt">{{propForm.propertyBasicInfo.address}}{{propForm.propertyBasicInfo.addressInfo}}</el-col>
          </el-form-item>-->
          <el-form-item label="备注" class="full">
            <el-col class="in_txt">{{propForm.otherProperty.remarks}}</el-col>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <div class="resource-manage">
      <div class="card-box">
        <div class="card-title">土地信息</div>
        <el-form ref="landInfo" class="form-wrap" label-position="top" size="small" :model="propForm.otherProperty">
          <el-form-item label="宗地号">
            <span class="in_txt">{{propForm.otherProperty.parcelNum}}</span>
          </el-form-item>
          <el-form-item label="宗地面积(m²)">
            <span class="in_txt">{{propForm.otherProperty.parcelArea}}</span>
          </el-form-item>
          <el-form-item label="土地用途">
            <span class="in_txt">{{getCardTypeValue(propForm.otherProperty.landUse,landUses)}}</span>
          </el-form-item>
          <!--                    <el-form-item label="土地合同号">-->
          <!--                        <span class="in_txt">{{propForm.otherProperty.landContractNum}}</span>-->
          <!--                    </el-form-item>-->
          <el-form-item label="地址" class="full">
            <span class="in_txt">{{propForm.otherProperty.landAddressInfo}}</span>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <div class="resource-manage">
      <div class="card-box">
        <div class="card-title">附件信息</div>
        <div style="padding: 10px 20px">
          <div class="flex-c" v-for="(item, index) in fileList" :key="index">
            <div class="name mr20">{{ item.original + '(' + item.fileSize / 1024 + 'M)'}}</div>
            <div class="date mr20">{{ item.updateTime }}</div>
            <div class="btn">
              <el-button type="text" @click="handleDownload(item.fileId)">下载</el-button>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="resource-manage" v-if="!isWebView">
      <div class="card-box">
        <el-form size="small" class="but_form">
          <el-form-item class="col-two">
            <el-button type="primary" @click="closeTab">关闭</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>>

<script src="./other_property_look.js">

</script>

<style scoped lang="scss">
@include formWrap(4);
.in_txt {
  color: #999999;
}

.but_form {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: 30px;
  padding: 16px 24px;

  .col-two {
    grid-column: 24 / 24;
  }
}
.resource-manage {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 16px;
  padding: 16px 24px;
}
.timeline {
  padding: 20px;
  h3 {
    margin-bottom: 15px;
    color: #333;
  }
  p {
    margin-bottom: 10px;
    color: #666;
  }
}
.milepost {
  padding-left: 20px;
}
</style>
